<template>
	<view class="page">
		<CustomNav :isBack="true" color="#fff" :topBgColor="topBgColor" title="种子集市"></CustomNav>
		<view :style="'margin-top:'+mt" class="content">
			<view @click="navigate('/page_pack/seed_market/release')" class="release-btn">
				<view class="title-block">
					<image src="@/static/images/release.png" class="release-icon"></image>
					<view class="title FZHZGBJ">我要发布</view>
				</view>
				<view class="sub-title">可发布水果、蔬菜等农产品</view>
			</view>
			<view class="content-block">
				<view class=" select-block">
					<view class="select-item">
						<picker @change="bindPickerChange" :value="index" :range="township">
							<view class="select">{{township[index]}}</view>
						</picker>
						<image
							src="https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/suzhouzhongzi/xiala.png"
							class="select-icon">
						</image>
					</view>
					<view class="search-block">
						<input placeholder="请输入关键字" v-model="searchName" class="search-item" @confirm="search" />
						<view class="search">搜索</view>
					</view>
				</view>
				<view class="list-block">
					<template v-if="list.length>0">
						<ListItem :key="item.id" :data="item" v-for="(item) in list" type="2"></ListItem>
					</template>
					<view v-if="more==false&&list.length==0" class="empty">暂无数据</view>
					<view v-else-if="more==false&&list.length>0" class="empty">没有更多了</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import ListItem from '@/components/ListItem.vue'
	export default {
		components: {
			ListItem
		},
		data() {
			return {
				topBgColor: 'rgba(0,0,0,0)',
				township: ['乡镇', '果园镇', '金佛寺'],
				index: 0,
				list: [{
						id: 9,
						image: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/gwc7jiug.png',
						name: '糯玉米',
						price: '36',
						describe: '糯玉米，也被称为粘玉米或蜡质型玉米，起源于中国，具有较高的经济、营养和加工价值。其特性与糯米相似，直链淀粉含量高，食用消化率高，粘性强。这使得糯玉米在食用和加工方面具有很高的价值，如用于制作糕点或作为饲料提高饲养效率。在工业上，糯玉米淀粉是基础原料，用于食品、胶带、粘合剂和造纸等多个行业。因此，积极推广糯玉米的生产将有助于多个行业的发展和国民经济的增长。',
						address: '酒泉市肃州区金佛寺镇',
						distance: '16.4',
						introductions: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/nPM58cPZ.webp,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/3HEG1Eju.webp'
					},
					{
						id: 10,
						image: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/F824m9pR.png',
						name: '郑单958',
						price: '58',
						describe: '郑单958是我国种植面积最大的玉米品种，累计推广面积接近5亿亩。这一品种属于中熟玉米杂交种，株高约246厘米，穗位高约110厘米。其籽粒为黄色、半马齿型，白轴，出籽率高达90%左右。夏播生育期为96天，春播则为105天。郑单958以其高产、稳产和综合抗性好而著称，比一般品种每亩可多收75公斤~150公斤。这一品种在2000年通过国审，并在多个省份迅速推广，尤其在内蒙古通辽地区市场占有率高达90%以上。',
						address: '铧尖镇铧尖村8组12号',
						distance: '21.6',
						introductions: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/fRl561V8.webp,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/mXpKB4qh.webp'
					},
					{
						id: 11,
						image: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/HTj85kQZ.png',
						name: '登海605',
						price: '50',
						describe: '登海605是由山东登海种业选育的玉米品种，具有广泛的适应性、矮杆抗倒和稳产高产的特点。该品种在多个地区如河南、山东、陕西等都有种植，并且表现出较高的产量潜力，平均亩产可达1800斤，最高甚至达到2083.64斤。此外，登海605的株型紧凑，株高259～275厘米，穗位高99厘米，成株叶片数19～20片，穗轴红色，籽粒黄色、马齿型，百粒重34.4克。',
						address: '酒泉市肃州区金佛寺镇',
						distance: '16.4',
						introductions: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/HTj85kQZ.png,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/822bCqIJ.webp'
					},
					{
						id: 12,
						image: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/eR2h9K1n.png',
						name: '高油玉米',
						price: '55',
						describe: '高油玉米是一种专门用于榨油的玉米品种，其子粒含油量超过8%。这种玉米的胚部较大，因为玉米油主要存在于胚内。高油玉米的油酸、亚油酸含量较高，是人体维持健康所必需的。此外，它还富含维生素F、维生素A、E和卵磷脂，经常食用有助于减少人体胆固醇含量，增强肌肉和心血管的机能。同时，高油玉米也改善了蛋白品质。',
						address: '铧尖镇铧尖村1组',
						distance: '18.6',
						introductions: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/Pnuuk5HO.png,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/eR2h9K1n.png'
					},
					{
						id: 13,
						image: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/6Q5Id7GK.png',
						name: '甜玉米',
						price: '88',
						describe: '甜玉米是一种特别受欢迎的玉米品种，因其高含糖量和多种食用方式而备受青睐。这种玉米既可以煮熟后直接食用，也可以加工成罐头、冷冻食品等副食品。甜玉米的口感鲜糯、香甜，颜色可以是黄色、白色或紫色。其子粒含糖量因不同时期而变化，但在适宜采收期内，蔗糖含量是普通玉米的2-10倍。根据遗传因素，甜玉米可分为普甜玉米、加强甜玉米和超甜玉米三类。在发达国家，甜玉米的销量较大，但在我国，其种植规模虽然不大，但非常畅销。',
						address: '酒泉市肃州区果园镇',
						distance: '6.2',
						introductions: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/45132d3D.png,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/6Q5Id7GK.png'
					},
					{
						id: 14,
						image: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/Z1U27lsJ.png',
						name: '龙高l2',
						price: '55',
						describe: '龙高L2是一种非常高产的玉米品种，特别适应于黑龙江省的第一、二积温带种植。该品种的生育期约为125天，需要2500℃的积温才能达到理想的脱水效果和成熟度。在良好的水肥条件下，龙高L2曾创下每公顷32000市斤的高产记录。这一品种的株型收敛，秆强不倒伏，具有很好的抗旱、抗逆性，并且高抗多种玉米病害。果穗圆柱形，籽粒马齿型，橙黄色，适合作为食品、饲料和酿酒的原料。',
						address: '铧尖镇铧尖村1组',
						distance: '18.6',
						introductions: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/Z1U27lsJ.png,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/QngM5dlE.png'
					},
					{
						id: 15,
						image: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/q519dC62.png',
						name: '先玉335',
						price: '88',
						describe: '先玉335是一种在黄淮海夏播区和东华北春播区广泛种植的玉米品种，尤其在东北、华北、西北春播区和黄淮海的黄河流域成为主栽品种。该品种在2004年和2006年分别通过国审，并在2016年仍高居玉米品种市场销量的前两位。除了在河南、河北、山东、陕西、安徽、山西运城等地夏播种植，先玉335还具有较高的抗病性，但在叶斑病和矮花叶病重发区需谨慎使用。',
						address: '酒泉市肃州区果园镇',
						distance: '6.2',
						introductions: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/q519dC62.png,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/m0lO4Ysc.png'
					},
					{
						id: 16,
						image: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/o0M5W6g8.png',
						name: '京科968',
						price: '55',
						describe: '京科968是一种由京724与京92品种杂交而成的玉米品种，从定植到成熟需要四个月的时间。该品种在2018年通过国家审定，适宜面积广，适宜东华北、西北、东南春玉米区种植。在黄淮海地区种植，平均亩产646公斤。此外，该品种在东华北地区出苗至成熟128天，株型半紧凑，株高296厘米，穗位高120厘米，在内蒙的通辽占绝对优势。',
						address: '铧尖镇铧尖村1组',
						distance: '18.6',
						introductions: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/o0M5W6g8.png,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/EmFbzJcN.png'
					},
					{
						id: 18,
						image: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/9YRWPBiD.png',
						name: '登海618',
						price: '55',
						describe: '登海618是一种在黄淮海地区广泛种植的玉米品种，具有较高的产量和广泛的适种范围。该品种在山东省夏播生育期为106天，而在黄淮海地区，从出苗到成熟大约需要99天，比对照品种郑单958早熟2天。自2013年以来，登海618已经通过了国家黄淮海审定，平均亩产达到718.5公斤。此外，该品种在多种密度下的产量均较高，且籽粒含水量较低，适合机械化收获。',
						address: '铧尖镇铧尖村1组',
						distance: '18.6',
						introductions: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/49X14UZV.png,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/9YRWPBiD.png'
					},
					{
						id: 8,
						image: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/M7tq4Bi2.png',
						name: '良玉99',
						price: '50',
						describe: '良玉99是一种高产、稳产且适应性广的玉米品种。该品种株高270厘米，穗行数18-20行，穗轴红色，籽粒桔黄色，粒型为马齿型。其特点是高抗倒伏、高抗多种叶斑病、粗缩病和丝黑穗病，具有优良的品质和综合抗逆性强。种植密度为4000-4500株/亩，一般亩产1800斤，高产可达2000斤以上。适合在河南、山东、江苏、安徽、湖北等地夏播种植，以及辽宁、山西、天津、吉林长春、四平等地春播种植。',
						address: '酒泉市肃州区金佛寺镇',
						distance: '16.4',
						introductions: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/9g36340N.jpg,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/1I6Xfdy5.png'
					},
					{
						id: 19,
						image: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/dd3hNl8n.png',
						name: '登海6702',
						price: '88',
						describe: '登海6702是一种适宜在山东、河北保定及以南地区种植的玉米种子品种。该品种在夏季麦收后最适宜种植，并已通过国家玉米品种审定标准。审定编号为国审玉2011009。此外，种植该品种时需要注意防治茎腐病、瘤黑粉病和弯孢菌叶斑病，特别是在这些病害高发的地区应谨慎使用。',
						address: '酒泉市肃州区果园镇',
						distance: '6.2',
						introductions: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/dd3hNl8n.png,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/i4S1sf12.png'
					},
					{
						id: 20,
						image: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/r6rm9g7i.png',
						name: '白玉米',
						price: '25',
						describe: '白玉米是一种颜色为白色的玉米品种，其口感相对于黄玉米更为清淡。尽管如此，白玉米的营养价值仍然很高。这种玉米不仅可以用于制作玉米面、玉米粉和玉米糊等食品，还可以作为饲料使用。在种皮颜色方面，白玉米可以是略带淡黄色或粉红色，而美国标准中淡黄色被描述为浅稻草色，并规定其他颜色玉米含量不得超过2.0%。',
						address: '铧尖镇铧尖村1组',
						distance: '18.6',
						introductions: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/dEKqo59I.jpg'
					},
					{
						id: 21,
						image: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/5Ikm25yI.png',
						name: '德利农988',
						price: '88',
						describe: '德利农988是一种适合于6月上旬播种的高产优质玉米种子品种，亩产适宜密度为4000~4500株。该品种的审定编号为国审玉2011010，符合国家玉米品种审定标准，并已通过审定。它适宜在山东、河南（郑州和周口除外）、河北保定及以南地区（石家庄除外）、江苏北部、陕西关中灌区夏播种植。但在种植过程中需要注意防止倒伏，并在瘤黑粉病高发区慎用。',
						address: '酒泉市肃州区果园镇',
						distance: '6.2',
						introductions: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/Kt45Zeqx.png,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/5Ikm25yI.png'
					},
					{
						id: 22,
						image: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/810gQv3C.png',
						name: '中科玉505',
						price: '55',
						describe: '中科玉505是一种中早熟的玉米新品种，具有广泛的适种范围和高产量特点。该品种在黄淮海、东华北、西北等玉米主产区都有种植，并已通过多个省份的审定。其夏播全生育期为97～109天，春播则为132天。株型半紧凑，穗轴红色，籽粒黄色、半马齿型。一般平均亩产可达1500斤，最高产量更是惊人，可达2778.6斤。这一品种的抗病性强，稳产高产，是多个省份和玉米主产区的理想选择。',
						address: '铧尖镇铧尖村1组',
						distance: '18.6',
						introductions: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/810gQv3C.png,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/S8F3s57L.png'
					},
					{
						id: 23,
						image: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/h2e42P9Q.png',
						name: '裕丰303',
						price: '88',
						describe: '裕丰303是一种由北京联创种业股份有限公司选育的玉米品种，审定编号为国审玉20170030。该品种在东华北春玉米区出苗至成熟需要125天，与郑单958相当。其株型为半紧凑，株高280厘米，穗长18.8厘米，穗行数16行，百粒重35.2克。该品种具有抗丝黑穗病、中抗茎腐病的特点，但感大斑病和禾谷镰孢穗腐病。2016年生产试验中，该品种的平均亩产为870.3千克。适宜在陕西榆林及延安地区、宁夏、甘肃、新疆和内蒙西部等地区种植。',
						address: '酒泉市肃州区果园镇',
						distance: '6.2',
						introductions: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/WRST427K.png,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/h2e42P9Q.png'
					},
					{
						id: 24,
						image: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/oXxeD2j5.png',
						name: '浚单20',
						price: '88',
						describe: '浚单20是一种由河南省浚县农业科学研究所选育的玉米杂交种，于2003年通过国家审定。该品种株高242厘米，穗位高106厘米，成株叶片数20片。其幼苗叶鞘紫色，叶缘绿色，花药黄色，颖壳绿色，花丝紫红色。果穗筒型，穗长16.8厘米，穗行数16行，穗轴白色，籽粒黄色，半马齿型，百粒重32克。出苗至成熟需97天，比农大108早熟3天，需有效积温2450℃。适宜在河南、河北中南部、山东、陕西、江苏、安徽、山西运城夏玉米区种植。',
						address: '酒泉市肃州区果园镇',
						distance: '6.2',
						introductions: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/7J43fm4p.jpg,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/PiBhEeZ6.webp'
					},
					{
						id: 7,
						image: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/6Sj2y2Vg.png',
						name: '西葫芦-1855',
						price: '50',
						describe: '簇生性圆形西葫芦，表皮颜色为深绿色带白色斑点，外观具有观赏性，售卖优势突出。单瓜重量约1.5斤，具有成熟快、生长力较强、产量高的特点。耐热性好，对常见病害白粉病，病度病有较强的抵抗能力。',
						address: '酒泉市肃州区金佛寺镇',
						distance: '16.4',
						introductions: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/6Sj2y2Vg.png'
					}, {
						id: 1,
						image: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/suzhouzhongzi/home-list-bg.jpg',
						name: '玉米种子出售',
						price: '50',
						describe: '⽟⽶草种⼦ 当季进⼝⾼产牧草草籽 多产',
						address: '酒泉市肃州区金佛寺镇',
						distance: '16.4',
						introductions: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/suzhouzhongzi/detail.png'
					},
					{
						id: 2,
						image: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/suzhouzhongzi/%E5%90%91%E6%97%A5%E8%91%B5.webp',
						name: '油葵种子出售',
						price: '36',
						describe: '606高品质油料品种 油用向日葵种子 中杆 高油 高抗品种 大基地种植必选向日葵品种',
						address: '酒泉市肃州区金佛寺镇',
						distance: '16.4',
						introductions: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/fKORss9H.png,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/hpbW7G1l.png'
					},
					{
						id: 3,
						image: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/suzhouzhongzi/%E7%89%B9%E5%A4%A7%E8%9C%9C%E6%9C%AC%E5%8D%97%E7%93%9C.webp',
						name: '特大蜜本南瓜',
						price: '58',
						describe: '金韩蜜本 亩产万斤 南瓜种子甘肃产地 种子公司批发',
						address: '铧尖镇铧尖村8组12号',
						distance: '21.6',
						introductions: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/T2g7gr0F.png'
					},
					{
						id: 4,
						image: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/suzhouzhongzi/%E8%A5%BF%E7%93%9C.webp',
						name: '绿宝金花一号西瓜种子',
						price: '50',
						describe: '瓤色正宗大红(双红) 从开花到成熟32天 13个糖口感佳 80g/罐',
						address: '酒泉市肃州区金佛寺镇',
						distance: '16.4',
						introductions: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/G78HKNQj.png,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/6eJhnT4v.png'
					},
					{
						id: 5,
						image: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/suzhouzhongzi/%E5%8D%97%E7%93%9C.webp',
						name: '新西兰南瓜',
						price: '55',
						describe: '新西兰南瓜由日本引进原种，杂交一代早熟西洋南瓜，植株生长健壮，株型紧凑，叶片小，节间短，易座果，果实扁圆形，果皮深绿色',
						address: '铧尖镇铧尖村1组',
						distance: '18.6',
						introductions: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/N24wq73p.png'
					},
					{
						id: 6,
						image: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/suzhouzhongzi/%E8%A5%BF%E8%8A%B9.webp',
						name: '法国西芹种子',
						price: '88',
						describe: '抗病好，丰产稳产，70天收获',
						address: '酒泉市肃州区果园镇',
						distance: '6.2',
						introductions: 'https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/IigQ07pR.png,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/c7Z775P8.png'
					}
				]
			}
		},
		watch: {

		},
		methods: {
			bindPickerChange(e) {
				this.index = e.detail.value
			},
		},
		onLoad() {

		}
	}
</script>

<style lang="scss" lang="scss">
	.page {
		overflow: hidden;
		height: 100%;
		background-image: linear-gradient(to bottom, #68C759, #F8F8F8 400px, #F8F8F8 400px, #F8F8F8);
		background-repeat: no-repeat;

		.content {

			.release-btn {
				position: absolute;
				width: calc(100% - 60rpx);
				transform: translate(-50%, -50%);
				left: 50%;
				top: 300rpx;
				height: 220rpx;
				background: linear-gradient(to right, #66BD59, #6BD559);
				border-radius: 8px;
				z-index: 2;
				display: flex;
				flex-direction: column;
				justify-content: center;
				padding-left: 60rpx;
				box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);

				.title-block {
					display: flex;
					align-items: center;
					margin-bottom: 30rpx;

					.release-icon {
						width: 50rpx;
						height: 50rpx;
						margin-right: 20rpx;
						background-color: #fff;
						padding: 10rpx;
						border-radius: 50%;
					}

					.title {
						color: #fff;
						font-size: 40rpx;
					}
				}

				.sub-title {
					color: #fff;
					font-size: 28rpx;
				}
			}

			.content-block {
				position: relative;
				z-index: 1;
				margin-top: 280rpx;
				width: 100%;
				border-radius: 20px 20px 0 0;
				background: #F7F6F9;
				padding: 30rpx;
				padding-top: 150rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				flex-wrap: wrap;

				.select-block {
					width: 100%;
					display: flex;
					align-items: center;

					.select-item {
						width: 20%;
						height: 80rpx;
						display: flex;
						align-items: center;

						.select {
							color: #767676;
							font-size: 30rpx;
						}

						.select-icon {
							width: 40rpx;
							height: 40rpx;
						}
					}

					.search-block {
						width: 80%;
						background: #fff;
						color: #999;
						font-size: 28rpx;
						display: flex;
						flex-direction: row;
						align-items: center;
						padding: 0 20rpx;
						border-radius: 40rpx;
						height: 80rpx;

						.search {
							flex-grow: 0;
							display: flex;
							justify-content: center;
							align-items: center;
							width: 120rpx;
							border-radius: 50rpx;
							height: 55rpx;
							padding-bottom: 5rpx;
							color: #FFFFFF;
							background: linear-gradient(90deg, #67C059 0%, #6BD459 100%);
							font-size: 28rpx;
						}

						input {
							flex-grow: 1;
						}
					}
				}

				.menu-block {
					width: calc(100% - 30rpx);
					height: 100%;
					overflow-x: scroll;
					padding: 0 10rpx;
					display: flex;
					align-items: center;
					margin-top: 30rpx;

					.menu-item {
						width: auto;
						margin-right: 30rpx;
						background: #fff;
						padding: 10rpx;
						border-radius: 4rpx;
						white-space: nowrap;
						display: flex;
						flex-direction: row;
					}

					.menu-item:last-child {
						margin-right: 0;
					}

					.menu-item.active {
						color: #64B548;
					}
				}

				.list-block {
					width: 100%;
				}
			}
		}
	}
</style>